<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城 - 小米9、小米MIX3、</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="header">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <a href="">小米商城 |</a>
                <a href="">MIUI |</a>
                <a href="">loT |</a>
                <a href="">云服务 |</a>
                <a href="">金融 |</a>
                <a href="">有品 |</a>
                <a href="">小爱开放平台 |</a>
                <a href="">企业团购 |</a>
                <a href="">资质证照 |</a>
                <a href="">协议规定 |</a>
                <a href="" id="head-a">下载app |</a>
                <div id="head-b" style="display: none">
                    <img src="images/xiazai.png" alt="">
                    <p>wodiu</p>
                </div>
                <a href="goumai.html">Select Region</a>
            </div>
            <div class="col-md-4">
                <a href="denglu.html">登录 |</a>
                <a href="">注册 |</a>
                <a href="">消息通知</a>
                <a href="" class="gouwuche">
                    <i class="iconfont gwc">&#xe6ec;</i>购物车（0）
                </a>
            </div>
        </div>
        <div class="gg">
            <a href="">购物车中还没有商品，赶紧选购吧！</a>
        </div>
    </div>
</div>
<div class="nav">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light bg-light pl-0 pr-0">
            <div class="nav-l" style="width: 19.1%">
                <a class="navbar-brand" href="#"><img src="images/logo_07.gif" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>
            <div class="nav-r" style="width:80.9%;">
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="#" id="a1">小米手机<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">Redime 红米<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">电视<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">笔记本<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">家电<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">路由器<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">智能硬件<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">服务<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">社区<span class="sr-only">(current)</span></a>
                        </li>
                    </ul>
                    <div class="gg">
                        <a href="">购物车中还没有商品，赶紧选购吧！</a>
                    </div>
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control mr-sm-2" style="font-size: 12px" type="search" placeholder="小米9  小米9SE" aria-label="Search">
                        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">
                            <i class="sousuo iconfont" style="vertical-align: -1px;font-size: 22px">&#xe600;</i>
                        </button>
                    </form>
                </div>
            </div>
        </nav>
    </div>
</div>
<div class="menu">
    <div class="container">
        <div class="row">
            <div class="menu-l" style="width: 19.1%;position: relative;z-index: 2;">
                <ul class="show">
                    <li>
                        <a href="">手机 电话卡</a>
                        <div class="mk">
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/1-1-1.png" alt="">
                                    <span href="">小米9</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-1-2.png" alt="">
                                    <span href="">小米9 SE</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-1-3.png" alt="">
                                    <span href="">小米MIX 3</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-1-4.png" alt="">
                                    <span href="">小米8 青春版</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-1-5.png" alt="">
                                    <span href="">小米8 屏幕指纹版</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-1-6.png" alt="">
                                    <span href="">小米8</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/1-2-1.png" alt="">
                                    <span href="">小米8 SE</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-2-2.png" alt="">
                                    <span href="">小米MIX 2S</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-2-3.png" alt="">
                                    <span href="">小米Max 3</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-2-4.jpg" alt="">
                                    <span href="">小米6X</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-2-5.jpg" alt="">
                                    <span href="">小米黑鲨游戏手机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-2-6.png" alt="">
                                    <span href="">小米黑鲨游戏手机Helo</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/1-3-1.jpg" alt="">
                                    <span href="">Redemi K20 Pro</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1-3-2.jpg" alt="">
                                    <span href="">Redemi K20</span>
                                </div>
                                <div class="ml">
                                    <img src="images/133.jpg" alt="">
                                    <span href="">Redemi 7A</span>
                                </div>
                                <div class="ml">
                                    <img src="images/134.png" alt="">
                                    <span href="">Redemi 7</span>
                                </div>
                                <div class="ml">
                                    <img src="images/135.jpg" alt="">
                                    <span href="">Redemi Note 7 Pro</span>
                                </div>
                                <div class="ml">
                                    <img src="images/136.png" alt="">
                                    <span href="">Redemi Note 7</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/141.jpg" alt="">
                                    <span href="">移动4G+专区</span>
                                </div>
                                <div class="ml">
                                    <img src="images/142.jpg" alt="">
                                    <span href="">对比手机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/143.jpg" alt="">
                                    <span href="">米粉卡 日租卡</span>
                                </div>
                                <div class="ml">
                                    <img src="images/144.jpg" alt="">
                                    <span href="">小米移动 电话卡</span>
                                </div>
                                <div class="ml">
                                    <img src="images/145.png" alt="">
                                    <span href="">手机上门维修</span>
                                </div>
                                <div class="ml">
                                    <img src="images/146.jpg" alt="">
                                    <span href="">云服务空间月卡</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">电视 盒子</a>
                        <div class="mk" style="top:-63px!important;">
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/211.jpg" alt="">
                                    <span href="">米家激光投影电视</span>
                                </div>
                                <div class="ml">
                                    <img src="images/212.jpg" alt="">
                                    <span href="">小米壁画电视 65英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/213.jpg" alt="">
                                    <span href="">小米全面屏电视</span>
                                </div>
                                <div class="ml">
                                    <img src="images/214.png" alt="">
                                    <span href="">小米电视4A 32英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/215.png" alt="">
                                    <span href="">小米电视4A 43英寸青春</span>
                                </div>
                                <div class="ml">
                                    <img src="images/216.jpg" alt="">
                                    <span href="">小米电视4A 49英寸</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/221.png" alt="">
                                    <span href="">小米电视4A 50英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/222.png" alt="">
                                    <span href="">小米电视4A 55英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/223.png" alt="">
                                    <span href="">小米电视4A 58英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/224.png" alt="">
                                    <span href="">小米电视4A 65英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/225.png" alt="">
                                    <span href="">小米电视4C 32英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/226.jpg" alt="">
                                    <span href="">小米电视4C 40英寸</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/231.png" alt="">
                                    <span href="">小米电视4C 43英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/232.png" alt="">
                                    <span href="">小米电视4C 50英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/233.jpg" alt="">
                                    <span href="">小米电视4C 55英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/234.png" alt="">
                                    <span href="">小米电视4X 43英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/235.png" alt="">
                                    <span href="">小米电视4X 55英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/236.jpg" alt="">
                                    <span href="">小米电视4X 65英寸</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/241.png" alt="">
                                    <span href="">小米电视4 55英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/242.jpg" alt="">
                                    <span href="">小米电视4 65英寸旗舰</span>
                                </div>
                                <div class="ml">
                                    <img src="images/243.jpg" alt="">
                                    <span href="">小米电视4 75英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/244.png" alt="">
                                    <span href="">小米电视4S</span>
                                </div>
                                <div class="ml">
                                    <img src="images/245.png" alt="">
                                    <span href="">小米电视体育版</span>
                                </div>
                                <div class="ml">
                                    <img src="images/246.jpg" alt="">
                                    <span href="">小米盒子</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">笔记本 平板</a>
                        <div class="mk" style="width: 496px!important; top:-105px!important;">
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/311.jpg" alt="">
                                    <span href="">小米笔记本 15.6"</span>
                                </div>
                                <div class="ml">
                                    <img src="images/312.png" alt="">
                                    <span href="">小米笔记本 13.3"</span>
                                </div>
                                <div class="ml">
                                    <img src="images/313.jpg" alt="">
                                    <span href="">小米笔记本 12.5"</span>
                                </div>
                                <div class="ml">
                                    <img src="images/314.png" alt="">
                                    <span href="">RedemiBook 14</span>
                                </div>
                                <div class="ml">
                                    <img src="images/315.jpg" alt="">
                                    <span href="">小米游戏本</span>
                                </div>
                                <div class="ml">
                                    <img src="images/316.jpg" alt="">
                                    <span href="">小米平板4</span>
                                </div>
                            </div>
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/221.png" alt="">
                                    <span href="">小米电视4A 50英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/222.png" alt="">
                                    <span href="">小米电视4A 55英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/223.png" alt="">
                                    <span href="">小米电视4A 58英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/224.png" alt="">
                                    <span href="">小米电视4A 65英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/225.png" alt="">
                                    <span href="">小米电视4C 32英寸</span>
                                </div>
                                <div class="ml">
                                    <img src="images/226.jpg" alt="">
                                    <span href="">小米电视4C 40英寸</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">家电 插线板</a>
                        <div class="mk" style="top:-147px!important;">
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/411.png" alt="">
                                    <span href="">米家立式空调</span>
                                </div>
                                <div class="ml">
                                    <img src="images/412.png" alt="">
                                    <span href="">米家空调</span>
                                </div>
                                <div class="ml">
                                    <img src="images/413.png" alt="">
                                    <span href="">米家烘洗一体机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/414.jpg" alt="">
                                    <span href="">Redemi全自动轮洗衣机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/415.jpg" alt="">
                                    <span href="">净水器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/416.png" alt="">
                                    <span href="">净水器滤芯</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/421.jpg" alt="">
                                    <span href="">扫地机器人</span>
                                </div>
                                <div class="ml">
                                    <img src="images/422.jpg" alt="">
                                    <span href="">吸尘器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/423.jpg" alt="">
                                    <span href="">空气净化器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/424.jpg" alt="">
                                    <span href="">电饭煲</span>
                                </div>
                                <div class="ml">
                                    <img src="images/425.jpg" alt="">
                                    <span href="">电磁炉</span>
                                </div>
                                <div class="ml">
                                    <img src="images/426.jpg" alt="">
                                    <span href="">厨房用具</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/431.jpg" alt="">
                                    <span href="">电水壶</span>
                                </div>
                                <div class="ml">
                                    <img src="images/432.jpg" alt="">
                                    <span href="">滤水壶</span>
                                </div>
                                <div class="ml">
                                    <img src="images/433.png" alt="">
                                    <span href="">落地风扇</span>
                                </div>
                                <div class="ml">
                                    <img src="images/434.png" alt="">
                                    <span href="">投影仪</span>
                                </div>
                                <div class="ml">
                                    <img src="images/435.jpg" alt="">
                                    <span href="">灯具</span>
                                </div>
                                <div class="ml">
                                    <img src="images/436.jpg" alt="">
                                    <span href="">插线板</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/441.jpg" alt="">
                                    <span href="">新风机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/442.jpg" alt="">
                                    <span href="">电暖器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/443.jpg" alt="">
                                    <span href="">电压力锅</span>
                                </div>
                                <div class="ml">
                                    <img src="images/444.jpg" alt="">
                                    <span href="">理料机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/445.jpg" alt="">
                                    <span href="">电煮壶</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">出行 穿戴</a>
                        <div class="mk" style="width: 496px!important;top: -189px!important;">
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/511.png" alt="">
                                    <span href="">手环手表</span>
                                </div>
                                <div class="ml">
                                    <img src="images/512.jpg" alt="">
                                    <span href="">VR</span>
                                </div>
                                <div class="ml">
                                    <img src="images/513.jpg" alt="">
                                    <span href="">平衡车</span>
                                </div>
                                <div class="ml">
                                    <img src="images/514.jpg" alt="">
                                    <span href="">滑板车</span>
                                </div>
                                <div class="ml">
                                    <img src="images/515.jpg" alt="">
                                    <span href="">车载逆变器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/516.jpg" alt="">
                                    <span href="">平衡车配件</span>
                                </div>
                            </div>
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/521.jpg" alt="">
                                    <span href="">智能后视镜</span>
                                </div>
                                <div class="ml">
                                    <img src="images/522.jpg" alt="">
                                    <span href="">智能记录仪</span>
                                </div>
                                <div class="ml">
                                    <img src="images/523.jpg" alt="">
                                    <span href="">车载空气净化器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/524.jpg" alt="">
                                    <span href="">无线车充</span>
                                </div>
                                <div class="ml">
                                    <img src="images/525.jpg" alt="">
                                    <span href="">充气宝</span>
                                </div>
                                <div class="ml">
                                    <img src="images/526.jpg" alt="">
                                    <span href="">平衡轮</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">智能 路由器</a>
                        <div class="mk" style="width: 496px!important;top: -231px!important;">
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/611.jpg" alt="">
                                    <span href="">打印机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/612.jpg" alt="">
                                    <span href="">路由器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/613.jpg" alt="">
                                    <span href="">智能家庭</span>
                                </div>
                                <div class="ml">
                                    <img src="images/614.jpg" alt="">
                                    <span href="">对讲机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/615.jpg" alt="">
                                    <span href="">无人机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/616.jpg" alt="">
                                    <span href="">摄影机</span>
                                </div>
                            </div>
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/621.jpg" alt="">
                                    <span href="">照相机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/622.jpg" alt="">
                                    <span href="">智能门锁</span>
                                </div>
                                <div class="ml">
                                    <img src="images/623.jpg" alt="">
                                    <span href="">视频门铃</span>
                                </div>
                                <div class="ml">
                                    <img src="images/624.png" alt="">
                                    <span href="">小爱老师</span>
                                </div>
                                <div class="ml">
                                    <img src="images/625.jpg" alt="">
                                    <span href="">小爱音响</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">电源 配件</a>
                        <div class="mk" style="width: 745px!important;top: -273px">
                            <div class="ml-a" style="width: 33.33%">
                                <div class="ml">
                                    <img src="images/711.jpg" alt="">
                                    <span href="">移动电源</span>
                                </div>
                                <div class="ml">
                                    <img src="images/712.jpg" alt="">
                                    <span href="">数据线</span>
                                </div>
                                <div class="ml">
                                    <img src="images/713.jpg" alt="">
                                    <span href="">车充</span>
                                </div>
                                <div class="ml">
                                    <img src="images/714.jpg" alt="">
                                    <span href="">充电器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/715.jpg" alt="">
                                    <span href="">无线充</span>
                                </div>
                                <div class="ml">
                                    <img src="images/716.jpg" alt="">
                                    <span href="">电池</span>
                                </div>
                            </div>
                            <div class="ml-a" style="width: 33.33%">
                                <div class="ml">
                                    <img src="images/721.jpg" alt="">
                                    <span href="">自拍杆</span>
                                </div>
                                <div class="ml">
                                    <img src="images/722.jpg" alt="">
                                    <span href="">手机壳</span>
                                </div>
                                <div class="ml">
                                    <img src="images/723.jpg" alt="">
                                    <span href="">手机贴膜</span>
                                </div>
                                <div class="ml">
                                    <img src="images/724.jpg" alt="">
                                    <span href="">手机支架</span>
                                </div>
                                <div class="ml">
                                    <img src="images/725.jpg" alt="">
                                    <span href="">平板配件</span>
                                </div>
                                <div class="ml">
                                    <img src="images/726.jpg" alt="">
                                    <span href="">黑纱配件</span>
                                </div>
                            </div>
                            <div class="ml-a" style="width: 33.33%">
                                <div class="ml">
                                    <img src="images/731.jpg" alt="">
                                    <span href="">其他配件</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">健康 儿童</a>
                        <div class="mk" style="top: -315px!important;">
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/811.jpg" alt="">
                                    <span href="">洗手机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/812.jpg" alt="">
                                    <span href="">剃须刀</span>
                                </div>
                                <div class="ml">
                                    <img src="images/813.jpg" alt="">
                                    <span href="">日光镜</span>
                                </div>
                                <div class="ml">
                                    <img src="images/814.jpg" alt="">
                                    <span href="">牙刷</span>
                                </div>
                                <div class="ml">
                                    <img src="images/815.jpg" alt="">
                                    <span href="">吹风机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/816.jpg" alt="">
                                    <span href="">体重秤</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/821.jpg" alt="">
                                    <span href="">体脂秤</span>
                                </div>
                                <div class="ml">
                                    <img src="images/822.jpg" alt="">
                                    <span href="">血压计</span>
                                </div>
                                <div class="ml">
                                    <img src="images/823.jpg" alt="">
                                    <span href="">体温计</span>
                                </div>
                                <div class="ml">
                                    <img src="images/824.jpg" alt="">
                                    <span href="">早教启智</span>
                                </div>
                                <div class="ml">
                                    <img src="images/825.jpg" alt="">
                                    <span href="">遥控电动</span>
                                </div>
                                <div class="ml">
                                    <img src="images/826.jpg" alt="">
                                    <span href="">益智积木</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/831.jpg" alt="">
                                    <span href="">儿童手表</span>
                                </div>
                                <div class="ml">
                                    <img src="images/832.jpg" alt="">
                                    <span href="">儿童滑板车</span>
                                </div>
                                <div class="ml">
                                    <img src="images/833.jpg" alt="">
                                    <span href="">米兔拉杆箱</span>
                                </div>
                                <div class="ml">
                                    <img src="images/834.jpg" alt="">
                                    <span href="">婴儿推车</span>
                                </div>
                                <div class="ml">
                                    <img src="images/835.jpg" alt="">
                                    <span href="">儿童书包</span>
                                </div>
                                <div class="ml">
                                    <img src="images/836.jpg" alt="">
                                    <span href="">婴儿理发器</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/841.jpg" alt="">
                                    <span href="">儿童保温杯</span>
                                </div>
                                <div class="ml">
                                    <img src="images/842.jpg" alt="">
                                    <span href="">走步机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/843.jpg" alt="">
                                    <span href="">点读笔</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">耳机 音响</a>
                        <div class="mk" style="width: 496px!important;top: -357px!important;">
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/911.jpg" alt="">
                                    <span href="">小米小爱音响mini</span>
                                </div>
                                <div class="ml">
                                    <img src="images/912.jpg" alt="">
                                    <span href="">线控耳机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/913.jpg" alt="">
                                    <span href="">蓝牙耳机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/914.jpg" alt="">
                                    <span href="">头戴耳机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/915.jpg" alt="">
                                    <span href="">品牌耳机</span>
                                </div>
                                <div class="ml">
                                    <img src="images/916.jpg" alt="">
                                    <span href="">蓝牙音箱</span>
                                </div>
                            </div>
                            <div class="ml-a" style="width: 50%!important;">
                                <div class="ml">
                                    <img src="images/921.jpg" alt="">
                                    <span href="">小米AI音响</span>
                                </div>
                                <div class="ml">
                                    <img src="images/922.jpg" alt="">
                                    <span href="">小米小爱音响HD</span>
                                </div>
                                <div class="ml">
                                    <img src="images/923.jpg" alt="">
                                    <span href="">K歌耳机</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">生活 箱包</a>
                        <div class="mk" style="top: -399px!important;">
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/1011.jpg" alt="">
                                    <span href="">双肩包</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1012.jpg" alt="">
                                    <span href="">钱包</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1013.jpg" alt="">
                                    <span href="">旅行箱</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1014.jpg" alt="">
                                    <span href="">运动鞋</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1015.jpg" alt="">
                                    <span href="">服饰</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1016.jpg" alt="">
                                    <span href="">眼镜</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/1021.jpg" alt="">
                                    <span href="">床垫</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1022.png" alt="">
                                    <span href="">枕头</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1023.png" alt="">
                                    <span href="">沙发</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1024.jpg" alt="">
                                    <span href="">饰品</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1025.jpg" alt="">
                                    <span href="">螺丝刀</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1026.jpg" alt="">
                                    <span href="">保温杯</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/1031.jpg" alt="">
                                    <span href="">伞</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1032.jpg" alt="">
                                    <span href="">驱蚊器</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1033.jpg" alt="">
                                    <span href="">尤克里里</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1034.jpg" alt="">
                                    <span href="">毛巾/浴巾</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1035.jpg" alt="">
                                    <span href="">米兔</span>
                                </div>
                                <div class="ml">
                                    <img src="images/1036.jpg" alt="">
                                    <span href="">笔</span>
                                </div>
                            </div>
                            <div class="ml-a">
                                <div class="ml">
                                    <img src="images/1041.jpg" alt="">
                                    <span href="">床</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="menu-r" style="width:100%;position: absolute;left: 0;">
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="images/menu-r-1.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/menu-r-2.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/menu-r-3.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/menu-r-4.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/menu-r-5.jpg" class="d-block w-100" alt="...">
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="menu-l-2" style="width: 19.1%;margin-top: 14px;background: #5f5750;">
                    <ul class="menu-pd pd1">
                        <li style="border-right: 1px solid #665e57;"><span class="iconfont xgsj" style="font-size: 30px!important;font-weight: bold">&#xe601;</span> <a href="">选购手机</a></li>
                        <li style="border-right: 1px solid #665e57;margin-left: 5px;margin-right: 5px;"><span class="iconfont lw" style="font-weight: bold;">&#xe62f;</span><a href="">企业团购</a></li>
                        <li><span class="iconfont ff" style="font-weight: bold">&#xe693;</span><a href="">F码通道</a></li>
                    </ul>
                    <ul class="menu-pd">
                        <li style="border-right: 1px solid #665e57;"><span class="iconfont mfk">&#xe503;</span><a href="">米粉卡</a></li>
                        <li style="border-right: 1px solid #665e57;margin-left: 5px;margin-right: 5px;"><span class="iconfont hx">&#xe60f;</span><a href="">以旧换新</a></li>
                        <li><span class="iconfont hf">&#xe509;</span><a href="">话费充值</a></li>
                    </ul>
                </div>
                <div class="menu-button" style="width: 80.9%;margin-top: 14px">
                    <div class="row">
                        <div class="col-md-4 pr-0   ">
                            <a href=""><img src="images/munu-b-1.jpg" alt="" style="width: 100%;"></a>
                        </div>
                        <div class="col-md-4 pr-0">
                            <a href=""><img src="images/menu-b-2.jpg" alt="" style="width: 100%;"></a>
                        </div>
                        <div class="col-md-4 pr-0">
                            <a href=""><img src="images/menu-b-3.jpg" alt="" style="width:100%;"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="but" style="width: 100%;margin: 25px 0px;">
                <a href=""><img src="images/menu-rdm_10.gif" alt=""></a>
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="container">
        <div class="title">
            <h4>家电</h4 >
            <div class="brick" style="display: inline-block;">
                <ul>
                    <li><a class="xxk" id="xx" href="">热门</a></li>
                    <li><a href="#" id="xx">电视影音</a></li>
                    <li><a href="#" id="xx">电脑</a></li>
                    <li><a href="#" id="xx">家居</a></li>
                </ul>
            </div>
        </div>
        <div class="one">
            <div class="main-oa" style="width: 20%;display: inline-block;">
                <a href=""><img src="images/main-oa.jpg" alt="" style="width: 100%;"></a>

            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-1">减200元</span>
                        </div>
                        <a href=""><img src="images/main-ul1.jpg" alt=""></a>
                        <a href="">米家互联网洗烘一体机10kg</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">1999元</span> <del>2199元</del></p>
                    </div>
                    <div class="hua">
                        <p>挺好的，洗的也干净，白色也很简单，好看</p>
                        <span>来源于 白羊董小姐 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-1">减530元</span>
                        </div>
                        <a href=""><img src="images/kongtiao.jpg" alt=""></a>
                        <a href="">米家互联网空调（一级能效）</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">2169元</span> <del>2699元</del></p>
                    </div>
                    <div class="hua">
                        <p>空调好好，杠杆滴，颜值杠杠滴，帅呆了</p>
                        <span>来源于 星月辉歌 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-2">新品</span>
                        </div>
                        <a href=""><img src="images/4Gbijiben.png" alt=""></a>
                        <a href="">15.6"笔记本 i5 4G MX110</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">4199元</span></p>
                    </div>
                    <div class="hua">
                        <p>挺好的，洗的也干净，白色也很简单，好看</p>
                        <span>来源于 白羊董小姐 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/8Gbijiben.jpg" alt="" style="margin-top: 35px;"></a>
                        <a href="">13.3"小米笔记本Air 四核I7 8G2...</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">5999元</span></p>
                    </div>
                    <div class="hua">
                        <p>轻薄完美，深空灰超帅！</p>
                        <p>&nbsp;</p>
                        <span>来源于 1*215219 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-oa" style="width: 20%;display: inline-block">
                <a href=""><img src="images/jiqiren-1.jpg" alt="" style="width: 100%;"></a>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/jinghuaqi.png" alt=""  style="margin-top: 35px;"></a>
                        <a href="">米家空气净化器Pro</a>
                        <div class="div"><span>OLED显示屏幕/激光颗粒物传感器</span></div>
                        <p><span class="obo-left">1499元</span> <del>2199元</del></p>
                    </div>
                    <div class="hua">
                        <p>小小的 喜欢 希望可以用久一点还是不错的</p>
                        <span>来源于 2156774032 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/dianshuihu.jpg" alt=""  style="margin-top: 35px;"></a>
                        <a href="">米家电水壶</a>
                        <div class="div"><span>一杯水，是一家人的安心</span></div>
                        <p><span class="obo-left">99元</span> <del>2699元</del></p>
                    </div>
                    <div class="hua">
                        <p>变成忠实的米粉了，烧水很快声音也很小，顺便晒几张小米8...</p>
                        <span>来源于 针掉在路上 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/diaodeng.png" alt=""  style="margin-top: 35px;"></a>
                        <a href="">米家LED吸顶灯</a>
                        <div class="div"><span>用光线，还原理想生活</span></div>
                        <p><span class="obo-left">399元</span></p>
                    </div>
                    <div class="hua">
                        <p>灯光明亮，家里也用小米吸顶灯，店里也用，质量很好！手...</p>
                        <span>来源于 余崇泰 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="main-oba">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;margin-left: 30px;text-align: left;margin-top: 40px">
                                <a href="" style="display: block">小米净水器...</a>
                                <span style="color: #ff6700">1999元</span>
                            </div>
                            <img src="images/jingshuiqi.jpg" alt="" style="width: 80px;height: 80px;float: right;margin: 31px 10px;">
                        </div>
                    </div>
                </div>
                <div class="main-obc">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;text-align: left;margin-top: 55px">
                                <a href="" style="display: block;font-size: 18px">浏览更多</a>
                                <span style="color: #757575;font-size: 12px;">热门</span>
                            </div>
                            <i class="icon iconfont "><dl href="" style="font-size: 48px;float: right;color: #ff6700;margin: 40px 20px 30px 10px;">&#xe64d;</dl></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="one" style="display: none">
            <div class="main-oa" style="width: 20%;display: inline-block;">
                <a href=""><img src="images/main-oa.jpg" alt="" style="width: 100%;"></a>

            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-2">新品</span>
                        </div>
                        <a href=""><img src="images/dian-1.jpg" alt=""></a>
                        <a href="">小米壁画电视 65英寸</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">6999元</span></p>
                    </div>
                    <div class="hua">
                        <p>挺时尚前卫的，电视柜没到，主机先放箱子上，谢谢雷总及...</p>
                        <span>来源于 瑞子宏 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-2">新品</span>
                        </div>
                        <a href=""><img src="images/dian-2.jpg" alt=""></a>
                        <a href="">小米全面屏电视E55A</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">2199元</span> <del>2999元</del></p>
                    </div>
                    <div class="hua">
                        <p>新国货很棒，一直支持小米，希望越做越好</p>
                        <span>来源于 2245825633 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-1">减130元</span>
                        </div>
                        <a href=""><img src="images/dian-3.jpg" alt=""></a>
                        <a href="">小米电视4A 32英寸</a>
                        <div class="div"><span>64位四核处理器/1GB内存+4GB大内存</span></div>
                        <p><span class="obo-left">769元</span><del>899元</del></p>
                    </div>
                    <div class="hua">
                        <p>很满意，非常喜欢，开心！</p>
                        <span>来源于 童童 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-1">减400元</span>
                        </div>
                        <a href=""><img src="images/dian-4.jpg" alt=""></a>
                        <a href="">小米电视4C 50英寸</a>
                        <div class="div"><span>4K HDR/人工智能语音</span></div>
                        <p><span class="obo-left">1699元</span> <del>2099元</del></p>
                    </div>
                    <div class="hua">
                        <p></p>
                        <p>&nbsp;</p>
                        <span>来源于 陈道达 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-oa" style="width: 20%;display: inline-block">
                <a href=""><img src="images/jiqiren-1.jpg" alt="" style="width: 100%;"></a>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-1">减250元</span>
                        </div>
                        <a href=""><img src="images/dian-6.jpg" alt=""></a>
                        <a href="">小米电视4X 43英寸</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">1249元</span> <del>1499元</del></p>
                    </div>
                    <div class="hua">
                        <p>小小的 喜欢 希望可以用久一点还是不错的</p>
                        <span>来源于 1432693760 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-1">享8折</span>
                        </div>
                        <a href=""><img src="images/dian-7.jpg" alt=""></a>
                        <a href="">小米电视4A 65英寸</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">2799元</span> <del>3699元</del></p>
                    </div>
                    <div class="hua">
                        <p>满意，品质好，高清。使用很方便。超大，性价比高。</p>
                        <span>来源于 嘎嘎鸳 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/dian-8.jpg" alt="" style="margin-top: 35px;"></a>
                        <a href="">小米盒子4</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">299元</span></p>
                    </div>
                    <div class="hua">
                        <p>评论晚了不好意思，盒子效果不错很实用看节目语音方便</p>
                        <span>来源于 阿凡达 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="main-oba">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;margin-left: 30px;text-align: left;margin-top: 40px">
                                <a href="" style="display: block">小米盒子4c</a>
                                <span style="color: #ff6700">199元</span>
                            </div>
                            <img src="images/dian-9.jpg" alt="" style="width: 80px;height: 80px;float: right;margin: 31px 10px;">
                        </div>
                    </div>
                </div>
                <div class="main-obc">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;text-align: left;margin-top: 55px">
                                <a href="" style="display: block;font-size: 18px">浏览更多</a>
                                <span style="color: #757575;font-size: 12px;">电视影音</span>
                            </div>
                            <i class="icon iconfont jt"><a href="" style="font-size: 48px;float: right;color: #ff6700;margin: 40px 20px 30px 10px;">&#xe64d;</a></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="one" style="display: none">
            <div class="main-oa" style="width: 20%;display: inline-block;">
                <a href=""><img src="images/main-oa.jpg" alt="" style="width: 100%;"></a>

            </div>
            <div class="main-ob" style="width: 20%;display: inline-block"   >
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/nao-1.jpg" alt="" style="margin-top: 35px;"></a>
                        <a href="">15.6 Pro i5 8G 1050MAX-Q256G</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">6299元</span></p>
                    </div>
                    <div class="hua">
                        <p>很棒，喜欢</p>
                        <span>来源于 之唔张 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/nao-4.jpg" alt="" style="margin-top: 35px;"></a>
                        <a href="">13.3"小米笔记本Air 四核I7 8G2...</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">5999元</span></p>
                    </div>
                    <div class="hua">
                        <p>轻薄完美，深空灰超帅！</p>
                        <p>&nbsp;</p>
                        <span>来源于 1*215219 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-2">新品</span>
                        </div>
                        <a href=""><img src="images/nao-3.png" alt=""></a>
                        <a href="">小米游戏本15.6"8代i7 16G 1G 1T+...</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">7999元</span> <del>8999元</del></p>
                    </div>
                    <div class="hua">
                        <p>16日10点下单，今天15点收到，请允许我用后再复评...</p>
                        <span>来源于 楼春雨 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/nao-4.jpg" alt="" style="margin-top: 35px;"></a>
                        <a href="">13.3"小米笔记本Air 四核I7 8G2...</a>
                        <div class="div">&nbsp;</div>
                        <p><span class="obo-left">5999元</span></p>
                    </div>
                    <div class="hua">
                        <p>轻薄完美，深空灰超帅！</p>
                        <p>&nbsp;</p>
                        <span>来源于 1*215219 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-oa" style="width: 20%;display: inline-block">
                <a href=""><img src="images/jiqiren-1.jpg" alt="" style="width: 100%;"></a>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/nao-5.png" alt=""  style="margin-top: 35px;"></a>
                        <a href="">小米无线鼠标</a>
                        <div class="div"><span>耐脏亲肤涂层，人体工学设计</span></div>
                        <p><span class="obo-left">69元</span></p>
                    </div>
                    <div class="hua">
                        <p>送给高中好兄弟，我觉得不错的，可是他也没说过，我能怎...</p>
                        <span>来源于 胡伟强 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/nao-6.jpg" alt=""  style="margin-top: 35px;"></a>
                        <a href="">小米便携鼠标</a>
                        <div class="div"><span>轻薄便携，铝合金外壳+ABS 材质</span></div>
                        <p><span class="obo-left">99元</span></p>
                    </div>
                    <div class="hua">
                        <p>手感非常好 不大不小 握着刚刚好 用着也很舒服</p>
                        <span>来源于 王正磊 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/nao-7.png" alt=""  style="margin-top: 35px;"></a>
                        <a href="">悦米机械键盘</a>
                        <div class="div"><span>铝合金机身，TTC红轴，87键</span></div>
                        <p><span class="obo-left">289元</span></p>
                    </div>
                    <div class="hua">
                        <p>很喜欢很给力！希望大家支持</p>
                        <span>来源于 画笔 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="main-oba">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;margin-left: 30px;text-align: left;margin-top: 40px">
                                <a href="" style="display: block">多功能转接器</a>
                                <span style="color: #ff6700">149元</span>
                            </div>
                            <img src="images/nao-8.jpg" alt="" style="width: 80px;height: 80px;float: right;margin: 31px 10px;">
                        </div>
                    </div>
                </div>
                <div class="main-obc">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;text-align: left;margin-top: 55px">
                                <a href="" style="display: block;font-size: 18px">浏览更多</a>
                                <span style="color: #757575;font-size: 12px;">电脑</span>
                            </div>
                            <i class="icon iconfont jt"><a href="" style="font-size: 48px;float: right;color: #ff6700;margin: 40px 20px 30px 10px;">&#xe64d;</a></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="one" style="display: none">
            <div class="main-oa" style="width: 20%;display: inline-block;">
                <a href=""><img src="images/main-oa.jpg" alt="" style="width: 100%;"></a>

            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/jia-1.jpg" alt=""  style="margin-top: 35px;"></a>
                        <a href="">米家恒温电水壶</a>
                        <div class="div"><span>水温智能控制，304不锈钢内胆</span></div>
                        <p><span class="obo-left">199元</span></p>
                    </div>
                    <div class="hua">
                        <p>东西非常不错不错不错不错</p>
                        <span>来源于 风之殇 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <div class="main-obo">
                            <span class="main-ob-2">新品</span>
                        </div>
                        <a href=""><img src="images/jia-2.jpg" alt=""></a>
                        <a href="">小米随身手电筒</a>
                        <div class="div"><span>11挡调光，随心而亮</span></div>
                        <p><span class="obo-left">79元</span></p>
                    </div>
                    <div class="hua">
                        <p>小米手电好 我的家乡更美</p>
                        <span>来源于 期待中的鱼 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/jia-3.jpg" alt=""  style="margin-top: 35px;"></a>
                        <a href="">米家扫地机器人</a>
                        <div class="div"><span>智能路径规划，扫得干净扫得快</span></div>
                        <p><span class="obo-left">1699元</span></p>
                    </div>
                    <div class="hua">
                        <p>小米机器人真的很酷，边扫边识别家里的户型，智能规划路...</p>
                        <span>来源于 田字格 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/jia-4.jpg" alt="" style="margin-top: 35px;"></a>
                        <a href="">小米米家空气净化器 2S</a>
                        <div class="div"><span>OLED显示屏/激光颗粒物传感器</span></div>
                        <p><span class="obo-left">899元</span></p>
                    </div>
                    <div class="hua">
                        <p>价格实惠，颜值高，哈哈。太棒了。。</p>
                        <p>&nbsp;</p>
                        <span>来源于 Lo排Me骨v 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-oa" style="width: 20%;display: inline-block">
                <a href=""><img src="images/jiqiren-1.jpg" alt="" style="width: 100%;"></a>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/jia-5.jpg" alt=""  style="margin-top: 35px;"></a>
                        <a href="">米家压力IH电饭煲</a>
                        <div class="div"><span>智能烹饪，灰铸铁粉体涂层内胆</span></div>
                        <p><span class="obo-left">999元</span></p>
                    </div>
                    <div class="hua">
                        <p>到货非常快，外观很漂亮，非常高大上的米米款锅，身外形...</p>
                        <span>来源于  的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/jia-6.jpg" alt=""  style="margin-top: 35px;"></a>
                        <a href="">飞利浦智睿球灯泡</a>
                        <div class="div"><span>自由调节亮度，Wi-Fi随时操控</span></div>
                        <p><span class="obo-left">49元</span></p>
                    </div>
                    <div class="hua">
                        <p>灯很亮用着很方便，非常满意</p>
                        <span>来源于 果子 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="oo">
                    <div class="obb">
                        <a href=""><img src="images/jia-7.jpg" alt=""  style="margin-top: 35px;"></a>
                        <a href="">米家 LED 智能台灯</a>
                        <div class="div"><span>无可视频闪，四种场景优化调光</span></div>
                        <p><span class="obo-left">169元</span></p>
                    </div>
                    <div class="hua">
                        <p>台灯挺漂亮，比想象的大，而且光源不错</p>
                        <span>来源于 候克魁 的评论</span>
                    </div>
                </div>
            </div>
            <div class="main-ob" style="width: 20%;display: inline-block">
                <div class="main-oba">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;margin-left: 30px;text-align: left;margin-top: 40px">
                                <a href="" style="display: block">Yeelight LE...</a>
                                <span style="color: #ff6700">379元</span>
                            </div>
                            <img src="images/jia-8.png" alt="" style="width: 80px;height: 80px;float: right;margin: 31px 10px;">
                        </div>
                    </div>
                </div>
                <div class="main-obc">
                    <div class="oo">
                        <div class="obb">
                            <div class="oca" style="display: inline-block;text-align: left;margin-top: 55px">
                                <a href="" style="display: block;font-size: 18px">浏览更多</a>
                                <span style="color: #757575;font-size: 12px;">家居</span>
                            </div>
                            <i class="icon iconfont jt"><a href="" style="font-size: 48px;float: right;color: #ff6700;margin: 40px 20px 30px 10px;">&#xe64d;</a></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-tt">
            <h4>为你推荐</h4>
            <!--<div class="fa fa-angle-left fayi swiper-button-next next-one"></div>-->
            <!--<div class="fa fa-angle-right faer swiper-button-prev prev-one"></div>-->
        </div>
        <div class="swiper-container co-one" id="tp">
            <div class="swiper-wrapper tp tp1">
                <div class="swiper-slide tl sl-one" v-for="oa in oaa">
                    <div class="k">
                        <img :src="oa.images" alt="">
                        <a href="" style="display: block">{{oa.ta}}</a>
                        <span>{{oa.tb}}</span>
                        <p>{{oa.tc}}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-re">
            <div class="title" style="line-height: 58px;">
                <h4>热评产品</h4>
            </div>
            <div class="ab-l" style="width: 25%">
                <div class="ab-p" style="margin-right: 14px;margin-bottom: 14px;">
                    <img src="images/ab-1.jpg" alt="" style="width: 100%;">
                    <div class="ab-o">
                        <div class="o-a">
                            <a href="">离我的小米只能之家又近了一步，安装师傅专业细致，原门锁挡片不是很贴合，师傅免费帮忙换了一片。门锁反</a>
                        </div>
                        <span>来自于 柒期七 的评价</span>
                        <div class="a-m">
                            <a href="">小米米家智能门锁 碳素黑 <i>|</i> <p>1199元</p></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ab-l" style="width: 25%">
                <div class="ab-p" style="margin-right: 14px;margin-bottom: 14px;">
                    <img src="images/ab-2.jpg" alt="" style="width: 100%;">
                    <div class="ab-o">
                        <div class="o-a">
                            <a href="">挺好的，洗着也干净，白色很简单，好看</a>
                        </div>
                        <span>来自于 白羊董小姐 的评价</span>
                        <div class="a-m">
                            <a href="">米家互联网洗烘一体机10...<i>|</i> <p>2199元</p></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ab-l" style="width: 25%">
                <div class="ab-p" style="margin-right: 14px;margin-bottom: 14px;">
                    <img src="images/ab-3.jpg" alt="" style="width: 100%;">
                    <div class="ab-o">
                        <div class="o-a">
                            <a href="">收到净水机后，马上就安排了安装，实在是难以表达内心的激动。首先作为一个米粉看到家里又添置一件小米的设...</a>
                        </div>
                        <span>来自于 DEVIl 的评价</span>
                        <div class="a-m">
                            <a href="">小米净水器600G<i>|</i> <p>1999元</p></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ab-l" style="width: 25%">
                <div class="ab-p" style="margin-right: 14px;margin-bottom: 14px;">
                    <img src="images/ab-4.jpg" alt="" style="width: 100%;">
                    <div class="ab-o">
                        <div class="o-a">
                            <a href="">外观很漂亮，质量不错，像素很高，很清晰。</a>
                        </div>
                        <span>来自于 曹建强 的评价</span>
                        <div class="a-m">
                            <a href="">小米9全网通版8G内存...<i>|</i> <p>3299元</p></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="title" style="line-height: 58px;">
            <h4>内容</h4>
        </div>
        <div class="main-lun">
            <div class="lx-1 lx-cheng" style="margin-right: 14px;border-top: 1px solid #ffac13;">
                <h2>图书</h2>
                <div class="swiper-container co-two">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide sl-two">
                            <div>
                                <a href="">哈利·波特与被诅咒的孩子</a>
                                <p>"哈利·波特"第八个故事中文本震撼来 <br>
                                    袭！特别彩排版剧本！</p>
                                <a class="mmf" href="">29.37元</a>
                                <img src="images/tow-1.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-two">
                            <div>
                                <a href="">好吗好的</a>
                                <p>畅销作家大冰2016年新书！讲给你 <br>
                                    听，好吗好的</p>
                                <a class="mmf" href="">17.99元</a>
                                <img src="images/tow-2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-two">
                            <div>
                                <p>海量好书，享受精品阅读时光 <br>
                                    漂亮的中文排版，千万读者选择！</p>
                                <div class="dian cheng">
                                    <a href="">前往多看阅读</a>
                                </div>
                                <img src="images/two-3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination pag-two" style="bottom: 15px;"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next next-two"></div>
                    <div class="swiper-button-prev prev-two"></div>
                </div>
            </div>
        </div>
        <div class="main-lun">
            <div class="lx-1 lx-lv" style="margin-right: 14px;border-top: 1px solid #83c44e;">
                <h2>MIUI 主题</h2>
                <div class="swiper-container co-three">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide sl-three">
                            <div>
                                <a href="">BROWN & FRIENDS定制...</a>
                                <p>BROWN & FRIENDS 小米定制主 <br>
                                    题，是LINE FRIENDS在与小米公司</p>
                                <p>&nbsp;</p>
                                <img src="images/three-1.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-three">
                            <div>
                                <a href="">电影版《夏目友人帐》主题</a>
                                <p>快下载《夏目友人帐》主题拥有最温 <br>
                                    柔的少年和最可爱的猫咪老师！</p>
                                <a class="mmf" href="">免费</a>
                                <img src="images/three-2.png" alt="">
                                 </div>
                        </div>
                        <div class="swiper-slide sl-three">
                            <div>
                                <a href="">《阿丽塔》定制主题</a>
                                <p>卡梅隆最新力作，战斗天使机械酷炫 <br>
                                    来袭！</p>
                                <a class="mmf" href="">免费</a>
                                <img src="images/three-3.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-three">
                            <div>
                                <p>众多个性主题，百变锁屏与自由桌面 <br>
                                    让你的手机与众不同！</p>
                                <div class="dian lv">
                                    <a href="">前往MIUI主题市场</a>
                                </div>
                                <img src="images/three-4.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination pag-three"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next next-three"></div>
                    <div class="swiper-button-prev prev-three"></div>
                </div>
            </div>
        </div>
        <div class="main-lun">
            <div class="lx-1 lx-hong" style="margin-right: 14px;border-top: 1px solid #e53935;">
                <h2>游戏</h2>
                <div class="swiper-container co-four">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide sl-four">
                            <div>
                                <a href="">非人学园</a>
                                <p>脑洞大开的二次元竞技手游</p>
                                <p>&nbsp;</p>
                                <img src="images/four-1.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-four">
                            <div>
                                <a href="">小米超神</a>
                                <p>实力派，一起团！！</p>
                                <p>&nbsp;</p>
                                <img src="images/four-2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-four">
                            <div>
                                <a href="">米柚手游模拟器</a>
                                <p>在电脑上玩遍小米所有手游</p>
                                <a class="mmf" href="">免费</a>
                                <img src="images/four-3.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-four">
                            <div>
                                <p>免费下载海量的手机游戏 <br>
                                    天天都有现金福利赠送</p>
                                <div class="dian hong">
                                    <a href="">前往小米游戏商店</a>
                                </div>
                                <img src="images/four-4.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination pag-four"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next next-four"></div>
                    <div class="swiper-button-prev prev-four"></div>
                </div>
            </div>
        </div>
        <div class="main-lun">
            <div class="lx-1 lx-lan" style="margin-right: 14px;border-top: 1px solid #2196f3;">
                <h2>应用</h2>
                <div class="swiper-container co-five">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide sl-five">
                            <div>
                                <a href="">Forest</a>
                                <p>帮助与你专心生活中每个重要时刻</p>
                                <a class="mmf" href="">免费</a>
                                <img src="images/five-1.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-five">
                            <div>
                                <a href="">小米应用</a>
                                <p>小米出品 必属精品</p>
                                <a class="mmf" href="">免费</a>
                                <img src="images/five-2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide sl-five">
                            <div>
                                <p>帮助小米手机和其他安卓手机用户 <br>
                                    发现好用的安卓应用</p>
                                <div class="dian lan">
                                    <a href="">前往小米应用商店</a>
                                </div>
                                <img src="images/five-3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination pag-five"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next next-five"></div>
                    <div class="swiper-button-prev prev-five"></div>
                </div>
            </div>
        </div>
        <div class="title">
            <h4>视频</h4>
            <div class="mk-1">
                <a href="">查看全部<span class="iconfont yjt" style="vertical-align: -3px;">&#xe60d;</span></a>
            </div>
        </div>
        <div class="qing">
            <div class="main-video">
                <div class="vi-1">
                    <span>
                        <i class="iconfont bf">&#xe518;</i>
                    </span>
                    <img src="images/v-1.jpg" alt="">
                    <a href="">王源 & 小米9 全新广告大片</a>
                    <p>好看又能打！反正我被帅到了，Will You？</p>
                </div>
            </div>
            <div class="main-video">
                <div class="vi-1">
                    <span>
                        <i class="iconfont bf">&#xe518;</i>
                    </span>
                    <img src="images/v-2.jpg" alt="">
                    <a href="">雷军对话王源</a>
                    <p>聊了3个小时，这9个秘密决定公开</p>
                </div>
            </div>
            <div class="main-video">
                <div class="vi-1">
                    <span>
                        <i class="iconfont bf">&#xe518;</i>
                    </span>
                    <img src="images/v-3.jpg" alt="">
                    <a href="">小米MIX3磁动力滑盖全面屏</a>
                    <p>全新滑盖交互体验，不一样的感觉</p>
                </div>
            </div>
            <div class="main-video">
                <div class="vi-1">
                    <span>
                        <i class="iconfont bf">&#xe518;</i>
                    </span>
                    <img src="images/v-4.jpg" alt="">
                    <a href="">小米MIX3故宫特别版</a>
                    <p>传承中华国宝艺术之美</p>
                </div>
            </div>
        </div>
        <div class="vid">

        </div>
        <div class="main-service">
            <ul>
                <li><a href=""><span class="iconfont wx" style="vertical-align: -1px;">&#xe61b;</span>预约维修服务</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont th" style="vertical-align: -1px;">&#xe613;</span>7天无理由退货</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont hh" style="vertical-align: -2px;">&#xe604;</span>15天免费换货</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont by" style="vertical-align: -2px;">&#xe62f;</span>满150元包邮</a></li><span class="iconfont shu" style="color: #e0e0e0">&#xe606;</span>
                <li><a href=""><span class="iconfont wd">&#xe601;</span>520余家售后网点</a></li>
            </ul>
        </div>
        <div class="main-links">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a href="">售后服务</a></dd>
                <dd><a href="">自助服务</a></dd>
                <dd><a href="">相关下载</a></dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd><a href="">小米之家</a></dd>
                <dd><a href="">服务网点</a></dd>
                <dd><a href="">授权体验店</a></dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd><a href="">了解小米</a></dd>
                <dd><a href="">加入小米</a></dd>
                <dd><a href="">投资者关系</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="">新浪微博</a></dd>
                <dd><a href="">官方微信</a></dd>
                <dd><a href="">联系我们</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="">F 码通道</a></dd>
                <dd><a href="">礼物码</a></dd>
                <dd><a href="">防伪查询</a></dd>
            </dl>
            <div class="dll">
                <p>400-100-5678</p>
                <span>周一至周日8:00-18:00 <br>
                (仅收市话费)</span>
                <a href="" class="iconfont lxkf">&#xe650; 联系客服</a>
            </div>
        </div>
        <footer>
            <div class="info">
                <img class="info1" src="images/logo-footer.png" alt="">
                <p class="fo1">
                    <a href="">小米商城<span class="iconfont shu">&#xe606;</span></a><a href="">MIUI<span class="iconfont shu">&#xe606;</span></a><a href="">米家<span class="iconfont shu">&#xe606;</span></a><a href="">米聊<span class="iconfont shu">&#xe606;</span></a><a href="">多看<span class="iconfont shu">&#xe606;</span></a><a href="">游戏<span class="iconfont shu">&#xe606;</span></a><a href="">路由器<span class="iconfont shu">&#xe606;</span></a><a href="">米粉卡<span class="iconfont shu">&#xe606;</span></a><a href="">企政服务<span class="iconfont shu">&#xe606;</span></a><a href="">小米天猫店<span class="iconfont shu">&#xe606;</span></a><a href="">隐私政策<span class="iconfont shu">&#xe606;</span></a><a href="">商城用户协议<span class="iconfont shu">&#xe606;</span></a><a href="">账号协议<span class="iconfont shu">&#xe606;</span></a><a href="">问题反馈<span class="iconfont shu">&#xe606;</span></a><a href="">廉正举报<span class="iconfont shu">&#xe606;</span></a><a href="">诚信合规<span class="iconfont shu">&#xe606;</span></a><a href="">Select Region</a>
                </p>
                <p class="fo2">
                    <span>&copy;</span>
                    <a href="">mi.com</a>
                    <span>京ICP证110507号</span>
                    <a href="">京ICP备10046444号</a>
                    <a href="">京公安网备11010802020134号</a>
                    <a href="">京网文[2017]1530-131号</a>
                    <br><a href="">(京)网械平台备字(2018)第00005号</a>
                    <a href="">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    <a href="">营业执照</a><a href="">医疗器械公告</a>
                    <br><a href="">增值电信业务许可证</a>
                    <span>网络食品经营备案(京)【2018】WLSPJYBAHF-12</span>
                    <a href="">食品经营许可证</a> <br>
                    <span>违法不良信息举报电话:185-0130-1238</span>
                    <a href="">知识产权侵权投诉</a>
                    <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </p>
                <div class="fo3">
                    <a href=""><img src="images/fo-1.png" alt=""></a>
                    <a href=""><img src="images/fo-2.png" alt=""></a>
                    <a href=""><img src="images/fo-3.png" alt=""></a>
                    <a href=""><img src="images/fo-4.png" alt=""></a>
                    <a href=""><img src="images/fo-5.png" alt=""></a>
                </div>
                <div class="fo4">
                    <img src="images/fashao.png" alt="">
                </div>
            </div>
        </footer>
    </div>
</div>
<div class="da">
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>雷军对话王源<span class="iconfont huix">&#xe680;</span></p>

            </div>
            <video controls="controls" src="images/video-1.mp4" type="video/mp4"></video>
        </div>
    </div>
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>雷军对话王源<span class="iconfont huix">&#xe680;</span></p>
            </div>
            <video controls="controls" src="images/video-2.mp4" type="video/mp4"></video>
        </div>
    </div>
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>小米MIX 3 磁动力滑盖全面屏<span class="iconfont huix">&#xe680;</span></p>
            </div>
            <video controls="controls" src="images/video-3.mp4" type="video/mp4"></video>
        </div>
    </div>
    <div class="kuang">
        <div class="shi">
            <div class="t">
                <p>小米手环4<span class="iconfont huix">&#xe680;</span></p>
            </div>
            <video controls="controls" src="images/video-4.mp4" type="video/mp4"></video>
        </div>
    </div>
</div>
<div id="right">
    <div class="rig">
        <div class="ri-1">
            <span class="iconfont sj">&#xe658;</span>
            <div class="ri-1-1">
                <img src="images/xiazai.png" alt="">
                <p>手机扫一扫 <br>
                    一份赢好礼</p>
            </div>
        </div>
        <div class="ri-2">
            <span class="iconfont rw">&#xe616;</span>
            <div class="ri-2-2">
                <p>个人中心</p>
            </div>
        </div>
        <div class="ri-3">
            <span class="iconfont wx">&#xe61b;</span>
            <div class="ri-3-3">
                <p>售后服务</p>
            </div>
        </div>
        <div class="ri-4">
            <span class="iconfont ej">&#xe63e;</span>
            <div class="ri-4-4">
                <p>联系客服</p>
            </div>
        </div>
        <div class="ri-5">
            <span class="iconfont gwc">&#xe6ec;</span>
            <div class="ri-5-5">
                <p>购物车（0）</p>
            </div>
        </div>
    </div>
</div>
<div id="toTop">
    <span class="iconfont hddb">&#xe74a;</span>
</div>
<div class="apppp">
    <div class="top--a">
        <div class="chudiao">
            <img src="images/ydguang.jpg" alt="">
        </div>
        <div class="top-a">
            <div class="top-a-1">
                <header>
                    <img class="tu1" src="images/yd.logo.png" alt="">
                    <div class="inp">
                        <i class="sousuo iconfont" >&#xe600;</i>
                        <input type="text" placeholder="搜索商品名称">
                    </div>
                    <img class="tu2" src="images/renwuapp_03.gif" alt="">
                </header>
                <nav>
                    <div class="nx">
                        <div class="na">
            <span class="na-one" style="margin-left: 0px
           ">推荐</span>
                        </div>
                        <div class="na">
                            <span>手机</span>
                        </div>
                        <div class="na">
                            <span>智能</span>
                        </div>
                        <div class="na">
                            <span>电视</span>
                        </div>
                        <div class="na">
                            <span>笔记本</span>
                        </div>
                        <div class="na">
                            <span>家电</span>
                        </div>
                    </div>
                    <div class="ny">
                        <div class="quanbu">
                            <span style="margin: 0px">全部</span>
                        </div>
                        <div class="btn-wrap btn1">
                            <span style="">推荐</span>
                        </div>
                        <div class="btn-wrap">
                            <span>手机</span>
                        </div>
                        <div class="btn-wrap">
                            <span>智能</span>
                        </div>
                        <div class="btn-wrap">
                            <span style="margin-right: 0px">电视</span>
                        </div>
                        <div class="btn-wrap">
                            <span>笔记本</span>
                        </div>
                        <div class="btn-wrap">
                            <span>家电</span>
                        </div>
                        <div class="btn-wrap">
                            <span>生活周边</span>
                        </div>
                    </div>
                    <div class="na na1">
                        <i class="iconfont xjt">&#xe629;</i>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <div class="swiper-container app-ll">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="images/ap-lun-1" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/ap-lun-2" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/ap-lun-3.jpg" alt="">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="ap-tu">
        <img src="images/ap-tu1" alt="">
        <img src="images/ap-tu2" alt="">
        <img src="images/ap-tu3" alt="">
        <img src="images/ap-tu4" alt="">
        <img src="images/ap-tu5" alt="">
        <img src="images/ap-tu6" alt="">
        <img src="images/ap-tu7" alt="">
        <img src="images/ap-tu8.png" alt="">
        <img src="images/ap-tu9" alt="">
        <img src="images/ap-tu10.png" alt="">
    </div>
    <div class="kong"></div>
    <div class="ite">
        <div class="a-6 a-left">
            <img src="images/ap-a-left.jpg" alt="">
        </div>
        <div class="a-6 a-right">
            <img class="aol" src="images/ap-a-right1" alt="">
            <img src="images/ap-a-right2.jpg" alt="">
        </div>
    </div>
    <div class="kong"></div>
    <div class="sc">
        <img src="images/ap-sc.jpg" alt="">
    </div>
    <div class="kong"></div>
    <div class="jxx">
        <img src="images/ap-qj.jpg" alt="" style="height: 253px;">
    </div>
    <div class="ap-ba">
        <div class="info">
            <img src="images/ba-1.jpg" alt="">
            <div class="infoo">
                <h6>小米8 青春版</h6>
                <p>索尼2400万自拍，超级夜景</p>
                <span>￥1049起</span>
                <del>￥1699</del>
            </div>
        </div>
        <div class="info">
            <img src="images/ba-2" alt="">
            <div class="infoo">
                <h6>小米8 屏幕指纹版版</h6>
                <p>全新升级十大功能，晓龙845</p>
                <span>￥199起</span>
                <del>￥2999</del>
            </div>
        </div>
        <div class="info">
            <img src="images/ba-3.jpg" alt="">
            <div class="infoo">
                <h6>黑鲨游戏手机 Helo</h6>
                <p>双液冷，更能打</p>
                <span>￥3199起</span>
                <del>￥3499</del>
            </div>
        </div>
        <div class="info">
            <img src="images/ba-4" alt="">
            <div class="infoo">
                <h6>红米6</h6>
                <p>小屏高性能的双摄手机</p>
                <span>￥729起</span>
                <del>￥799</del>
            </div>
        </div>
        <div class="info">
            <img src="images/ba-5" alt="">
            <div class="infoo">
                <h6>红米6A</h6>
                <p>好看耐用/轻巧省心</p>
                <span>￥549起</span>
                <del>￥599</del>
            </div>
        </div>
        <div class="info">
            <img src="images/ba-1.jpg" alt="">
            <div class="infoo">
                <h6>小米6X</h6>
                <p>前置2000万，后置2000万</p>
                <span>￥999起</span>
                <del>￥1799</del>
            </div>
        </div>
        <div class="info">
            <img src="images/ba-7.png" alt="">
            <div class="infoo">
                <h6>小米Play (附带流量卡)</h6>
                <p>自带流量卡</p>
                <span>￥1099</span>
            </div>
        </div>
        <div class="info">
            <img src="images/ba-8.jpg" alt="">
            <div class="infoo">
                <h6>小米平板4</h6>
                <p>大屏、长续航、超薄电脑</p>
                <span>￥1099起</span>
            </div>
        </div>
    </div>
    <div class="gengduo">
        <a href="">更多小米产品 ></a>
    </div>
    <div class="kong"></div>
    <div class="kg">
        <img src="images/ap-lx.jpg" style="width: 100%;" alt="">
    </div>
    <div class="kong"></div>
    <div class="xmm">
        <a href="">了解小米</a>
    </div>
    <div class="kong"></div>
    <div class="gai">
        <div class="ap-footer">
            <div class="ap-f active">
                <i class="iconfont sy">&#xe61d;</i>
                <span>首页</span>
            </div>
            <div class="ap-f">
                <i class="iconfont fl">&#xe71b;</i>
                <span>分类</span>
            </div>
            <div class="ap-f">
                <i class="iconfont gwc">&#xe6ec;</i>
                <span>购物车</span>
            </div>
            <div class="ap-f">
                <i class="iconfont rw">&#xe616;</i>
                <span>我的</span>
            </div>
        </div>
        <div class="ma">
            <div class="active"></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>